<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-table.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css">
    <link rel="stylesheet" href="../style/common.css">
    <link rel="stylesheet" href="../style/taskContent.css"/>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <script src="../script/jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../bootstrap/js/bootstrap-table.js"></script>
    <script src="../bootstrap/js/bootstrap-table-treegrid.js"></script>
	<script src="../bootstrap/js/bootstrap-treeview.js"></script>
    <script src="https://cdn.bootcss.com/jquery-treegrid/0.2.0/js/jquery.treegrid.min.js"></script>
    <title>任务内容</title>
</head>
<body class="bodyBg">
<div class="container-fluid">
    <!--header  start-->
    <div class="headerBg">
        <div class="row navBox">
            <div class="col-lg-2 col-md-2 col-sm-4 col-xs-4 navLogo">
                <p>下午好！欢迎来到标引平台！</p>
                <div class="logoBox">
                    <img src="../images/logo.png">
                </div>
            </div>
            <div class="col-lg-8 col-md-8 col-sm-6 col-xs-6 navTxt">
                <ul class="nav nav-pills nav-justified">
                    <li><a href="#"  class="active"><img src="../images/TitleIcon01.png"/>产品标引任务</a></li>
                    <li><a href="#"><img src="../images/TitleIcon02.png"/>内文标引任务</a></li>
                    <li><a href="#"><img src="../images/TitleIcon03.png"/>主题词管理</a></li>
                    <li><a href="#"><img src="../images/TitleIcon04.png"/>同义词管理</a></li>
                    <li><a href="#"><img src="../images/TitleIcon05.png"/>用户管理</a></li>
                    <li><a href="#"><img src="../images/TitleIcon06.png"/>系统设置</a></li>
                </ul>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 navUser">
                <span><a href="">下午好！&nbsp; admin</a></span>
                <span><a href=""><img src="../images/Close.png"/>退出</a></span>
            </div>
        </div>
        <div class="row tabBox">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 tabTxt ">
                <ul id="myTab" class="nav nav-pills myTab">
                    <li class="li_bordet_right">
                        <a href="#" class="active" data-toggle="tab">产品标引任务<img src="../images/tabClose.png"/></a>
                    </li>
                    <li class="li_bordet_right li_bordet_left">
                        <a href="#" data-toggle="tab">内文标引任务<img src="../images/tabClose.png"/></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--header   end-->
    <!--content  start-->
    <div class="contentBox">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 tabTxt">
                <ul id="myTxtTab" class="nav nav-pills myTxtTab">
                    <li class="li_bordet_right">
                        <a href="#tab1" data-toggle="tab">任务列表</a>
                    </li>
                    <li class="li_bordet_right li_bordet_left">
                        <a href="#tab2" data-toggle="tab">任务内容</a>
                    </li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade" id="tab1">
                        <div class="contentBg" style="padding-right: 18px;">
                        	<div class="row txtTitle">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <select class="form-control select-style">
										    <option>待审核</option>
										    <option>已审核</option>
										</select><input type="text" class="form-control input_style"/><button class="btn btn-search btn-blue">查询
                                        </button><button class="btn btn-info btn-blue" data-toggle="modal" data-target="#addTaskWin">新增任务
                                        </button><button class="btn btn-info btn-blue" data-toggle="modal" data-target="#editTaskWin">编辑任务
                                        </button><button class="btn btn-info btn-orange">删除任务
                                        </button><button class="btn btn-info btn-blue" data-toggle="modal" data-target="#keyWordWin">分配主题词表
                                        </button><button class="btn btn-info btn-blue">导出标引结果
                                        </button><button class="btn btn-info btn-green">审核通过</button>
                                 </div>
                            </div>
                        	<div class="row">
                        		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				                    <div class="app_table" style="width: 100%;">
				                        <table id="taskContentBg" class="tableStyle"></table>
				                    </div>
                        		</div>
			                </div>
                        </div>
                    </div>
                    <div class="tab-pane fade active" id="tab2">
                        <div class="row contentBg">
                            <div class="col-md-12">
                                <div class="row txtTitle">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <select class="form-control select-style">
										    <option>待审核</option>
										    <option>已审核</option>
										</select><input type="text" class="form-control input_style"/><button class="btn btn-search btn-blue">查询
                                       	</button><button class="btn btn-info btn-blue" data-toggle="modal" data-target="#AssignmentTaskWin">分配任务内容
                                        </button><button class="btn btn-info btn-blue">导出标引结果
                                        </button><button class="btn btn-info btn-green">导出标引结果</button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row TC-listBox">
                                            <div class="col-md-4">
                                                <div class="TC-listTxt">
                                                	<div  class="col-md-12">
                                                		<div class="TC-content">
		                                                	<input type="checkbox" class="form-check-input" />
		                                                	<div class="TC-content-left">
		                                                    	<img src="../images/txtIcon.jpg"/>
		                                                	</div>
		                                                	<div class="TC-content-right">
		                                                		<h5>中国革命:1925年5月30日(上海)</h5>
		                                                		<p>作者：<span>于尔根·奥斯特哈默 (Jürgen Osterhammel)</span></p>
		                                                		<p>译者：<span>强朝晖</span></p>
		                                                		<p>主题词：<span class="TC-color">民族主义  农业帝国 资产阶级与经济发展11111111111111111111</span></p>
		                                                		<div class="TC-right-foot">
		                                                			<span class="TC-right-foot-bule">待审核</span>
		                                                			<span class="TC-right-foot-ink">标引保存</span>
		                                                		</div>
		                                                	</div>
                                                		</div>
                                                	</div>
                                                	<div class="row TC-bottom">
                                                		<div class="col-md-12">
	                                                		<p><img src="../images/txtIcon02.png" /><span>从任务中删除</span></p>
	                                                		<p><img src="../images/txtIcon01.png" /><span>产品标引</span></p>
                                                		</div>                                               		
                                                	</div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="TC-listTxt">
                                                	<div  class="col-md-12">
                                                		<div class="TC-content">
		                                                	<input type="checkbox" class="form-check-input" />
		                                                	<div class="TC-content-left">
		                                                    	<img src="../images/txtIcon.jpg"/>
		                                                	</div>
		                                                	<div class="TC-content-right">
		                                                		<h5>中国革命:1925年5月30日(上海)</h5>
		                                                		<p>作者：<span>于尔根·奥斯特哈默 (Jürgen Osterhammel)</span></p>
		                                                		<p>译者：<span>强朝晖</span></p>
		                                                		<p>主题词：<span class="TC-color">民族主义  农业帝国 资产阶级与经济发展11111111111111111111</span></p>
		                                                		<div class="TC-right-foot">
		                                                			<span class="TC-right-foot-green01">已审核</span>
		                                                			<span class="TC-right-foot-green02">标引确认</span>
		                                                		</div>
		                                                	</div>
                                                		</div>
                                                	</div>
                                                	<div class="row TC-bottom">
                                                		<div class="col-md-12">
	                                                		<p><img src="../images/txtIcon02.png" /><span>从任务中删除</span></p>
	                                                		<p><img src="../images/txtIcon01.png" /><span>产品标引</span></p>
                                                		</div>                                               		
                                                	</div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="TC-listTxt">
                                                	<div  class="col-md-12">
                                                		<div class="TC-content">
		                                                	<input type="checkbox" class="form-check-input" />
		                                                	<div class="TC-content-left">
		                                                    	<img src="../images/txtIcon.jpg"/>
		                                                	</div>
		                                                	<div class="TC-content-right">
		                                                		<h5>中国革命:1925年5月30日(上海)</h5>
		                                                		<p>作者：<span>于尔根·奥斯特哈默 (Jürgen Osterhammel)</span></p>
		                                                		<p>译者：<span>强朝晖</span></p>
		                                                		<p>主题词：<span class="TC-color">民族主义  农业帝国 资产阶级与经济发展11111111111111111111</span></p>
		                                                		<div class="TC-right-foot">
		                                                			<span class="TC-right-foot-green01">已审核</span>
		                                                			<span class="TC-right-foot-orange">标引完成</span>
		                                                		</div>
		                                                	</div>
                                                		</div>
                                                	</div>
                                                	<div class="row TC-bottom">
                                                		<div class="col-md-12">
	                                                		<p><img src="../images/txtIcon02.png" /><span>从任务中删除</span></p>
	                                                		<p><img src="../images/txtIcon01.png" /><span>产品标引</span></p>
                                                		</div>                                               		
                                                	</div>
                                                </div>
                                            </div>                                                                                      
                                        </div>  
                                        <ul class="pagination">
	                                        <li class="page-item active"><a class="page-link" href="#">上一页</a></li>
	                                        <li class="page-item"><a class="page-link" href="#">1</a></li>
	                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
	                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
	                                        <li class="page-item"><a class="page-link" href="#">下一页</a></li>
	                                    </ul>
                                    </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <!--content  end-->
    
    <!--新增任务   弹窗--> 
		<div class="modal fade" id="addTaskWin">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">		 
		      <!-- 模态框头部 -->
		      <div class="modal-header">
		        <h4 class="modal-title">新增任务</h4>
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
		      </div>		 
		      <!-- 模态框主体 -->
		      <div class="modal-body addTaskBox">
		        	<div class="container">
		        		<div class="row">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 task-txt-row">
		        				<label for="upperTask">上层任务：</label><input type="text" class="form-control" id="upperTask">
		        			</div>
		        		</div>
		        		<div class="row">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 task-txt-row">
		        				<label for="taskName">任务名称：</label><input type="text" class="form-control" id="taskName">
		        			</div>
		        		</div>
		        		<div class="row">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 task-txt-row">
		        				<label for="Assigned">分配给：</label><input type="text" class="form-control" id="Assigned">
		        			</div>
		        		</div>
		        		<div class="row">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 task-txt-row">
		        				<label for="creator">创建者：</label><input type="text" class="form-control creator-style" id="creator" data-toggle="modal" data-target="#selectionFrame01">
		        			</div>
		        		</div>
		        		<div class="row">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 task-txt-row">
		        				<label for="creatorTime">创建时间：</label><input type="text" class="form-control" id="creatorTime">
		        			</div>
		        		</div>
		        		<div class="row">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 textarea-style">
		        				<label for="describe">描述：</label><textarea class="form-control" id="describe"></textarea>
		        			</div>
		        		</div>
		        		
		        		
		        	</div>
		      </div>		      
		      <!-- 模态框底部 -->
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#SuccessWin">确定</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		 
		    </div>
		  </div>
		</div>
  <!--新增任务  弹窗-->  
  
    <!--新增成功建者   弹窗--> 
		<div class="modal fade" id="SuccessWin">
		  <div class="modal-dialog">
		    <div class="modal-content">		 
		      <!-- 模态框头部 -->
		      <div class="modal-header">
		        <h4 class="modal-title">新增成功</h4>
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
		      </div>		 
		      <!-- 模态框主体 -->
		      <div class="modal-body">
		        	<div class="container">
		        		<div class="row SuccessWinBox">
		        			<div class="col-lg-1 col-md-2 col-sm-2 col-xs-2 SuccessWinL">
		        				<img src="../images/SuccessIcon.png" />
		        			</div>
		        			<div class="col-lg-11 col-md-10 col-sm-10 col-xs-10 SuccessWinR">
		        				<p>任务新增成功！</p>
		        				<p>可对该标引任务分配任务内容，<a href="javascript:void(0)">马上进行分配</a></p>
		        			</div>
		        		</div>
		        	</div>
		      </div>		      
		      <!-- 模态框底部 -->
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
		      </div>
		 
		    </div>
		  </div>
		</div>
  <!--新增成功建者   弹窗--> 
  
  
  <!--选择创建者   弹窗--> 
		<div class="modal fade" id="selectionFrame01">
		  <div class="modal-dialog">
		    <div class="modal-content">		 
		      <!-- 模态框头部 -->
		      <div class="modal-header">
		        <h4 class="modal-title">选择用户</h4>
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
		      </div>		 
		      <!-- 模态框主体 -->
		      <div class="modal-body">
		        	<div class="container">
		        		<div class="row selectionFrameStyle">
		        			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 winTableBox">
		        				<table class="table table-hover table-striped">
		                            <thead>
		                            <tr>
		                                <th width="30px"><input type="checkbox" /></th>
		                                <th>用户列表</th>
		                            </tr>
		                            </thead>
		                            <tbody>
		                            <tr>
		                                <td><input type="checkbox" /></td>
		                                <td>张三</td>
		                            </tr>
		                            <tr>
		                                <td><input type="checkbox" /></td>
		                                <td>李四</td>
		                            </tr>
		                            <tr>
		                                <td><input type="checkbox" /></td>
		                                <td>王五</td>
		                            </tr>
		                            <tr>
		                                <td><input type="checkbox" /></td>
		                                <td>夏洛</td>
		                            </tr>
		                            <tr>
		                                <td><input type="checkbox" /></td>
		                                <td>小米</td>
		                            </tr>
		                                 
		                            </tbody>
		                        </table>
		        			</div>
		        		</div>
		        	</div>
		      </div>		      
		      <!-- 模态框底部 -->
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		 
		    </div>
		  </div>
		</div>
  <!--选择创建者   弹窗-->    
  
    <!--分配主题词表   弹窗--> 
		<div class="modal fade" id="keyWordWin">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">		 
		      <!-- 模态框头部 -->
		      <div class="modal-header">
		        <h4 class="modal-title">分配主题词表</h4>
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
		      </div>		 
		      <!-- 模态框主体 -->
		      <div class="modal-body">
		        	<div class="container">
		        		<div class="keyWordBox">
		        			<div class="row">
		        				<div class="col-md-12 keyWord-title">为 <span class="TC-color">新书标引任务 </span>新书标引任务 分配主题词表</div>
		        			</div>
		        			<div class="row">
			        			<div class="col-md-5">
			        				<div class="keyWord-Left">
			        					<p>可选主题词</p>
			        					<div class="keyWord-Left-input">
			        						<input type="text" class="form-control input_style01"/><button class="btn btn-search btn-blue">查询</button>
			        					</div>
			        					<ul class="keyWord-ul">
			        						<li class="keyWord-Match">产品分类</li>
			        						<li class="keyWord-Match">产品来源</li>
			        						<li>相关人物</li>
			        						<li>相关地名</li>
			        						
			        					</ul>
			        				</div>
			        			</div>
			        			<div class="col-md-2">
			        				<div class="keyWord-Center">
			        					<p>鼠标拖动</br>进行选择</br>或取消选择</p>
			        				</div>
			        			</div>
			        			<div class="col-md-5">
			        				<div class="keyWord-Right">
			        					<p>已选主题词</p>
			        					<ul class="keyWord-ul">
			        						<li>产品分类</li>
			        						<li>产品来源</li>
			        					</ul>
			        				</div>
			        			</div>
		        			</div>
		        		</div>
		        	</div>
		      </div>		      
		      <!-- 模态框底部 -->
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		 
		    </div>
		  </div>
		</div>
  <!--分配主题词表   弹窗-->  
  
  
  
   <!--分配任务内容   弹窗--> 
		<div class="modal fade" id="AssignmentTaskWin">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">		 
		      <!-- 模态框头部 -->
		      <div class="modal-header">
		        <h4 class="modal-title">分配任务内容</h4>
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
		      </div>		 
		      <!-- 模态框主体 -->
		      <div class="modal-body">
		        	<div class="container">
		        		<div class="row AT-Win-Txt">
		        			<div class="col-md-4" style=" padding-right: 15px; ">
		        				<div class="AT-Win-Left">
		        					<p>产品分类</p>
									<div id="tree"></div>
		        				</div>
		        			</div>
		        			<div class="col-md-8">
		        				<div class="AT-Win-Center">
		        					<div class="row">
		        						<div class="col-md-12 AT-Win-Title">
		        							<input type="text" class="form-control input_style01"/><button class="btn btn-search btn-blue">查询</button>
		        						</div>
		        					</div>
		        					<div class="row">
		        						<div class="col-md-12 AT-Win-Bg">
		        							<table class="table table-hover table-striped">
					                            <thead>
					                            <tr>
					                                <th width="30px"><input type="checkbox" /></th>
					                                <th width="50px">序号</th>
					                                <th>图书</th>
					                            </tr>
					                            </thead>
					                            <tbody>
					                            <tr>
					                                <td><input type="checkbox" /></td>
					                                <td>1</td>
					                                <td>
					                                	<div class="AT-Bg-Left"><img src="../images/pic_01.png" /></div>
					                                	<div class="AT-Bg-Right">
					                                		<p>作者：于尔根·奥斯特哈默 (Jürgen Osterhammel)</p>
					                                		<p>译者：强朝晖</p>
					                                	</div>
					                                </td>
					                            </tr>
					                            <tr>
					                                <td><input type="checkbox" /></td>
					                                <td>2</td>
					                                <td>
					                                	<div class="AT-Bg-Left"><img src="../images/pic_01.png" /></div>
					                                	<div class="AT-Bg-Right">
					                                		<p>作者：于尔根·奥斯特哈默 (Jürgen Osterhammel)</p>
					                                		<p>译者：强朝晖</p>
					                                	</div>
					                                </td>
					                            </tr>
					                            <tr>
					                                <td><input type="checkbox" /></td>
					                                <td>3</td>
					                                <td>
					                                	<div class="AT-Bg-Left"><img src="../images/pic_01.png" /></div>
					                                	<div class="AT-Bg-Right">
					                                		<p>作者：于尔根·奥斯特哈默 (Jürgen Osterhammel)</p>
					                                		<p>译者：强朝晖</p>
					                                	</div>
					                                </td>
					                            </tr>
					                            </tbody>
					                        </table>
		        						</div>
		        					</div>
		        					
		        				</div>
		        			</div>
		        		</div>
		        	</div>
		      </div>		      
		      <!-- 模态框底部 -->
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		 
		    </div>
		  </div>
		</div>
  <!--分配任务内容   弹窗-->    
    

</body>
<script>
    $(function () {
    $('#myTxtTab li:eq(0) a').tab('show');
    var $table = $('#taskContentBg');
    var tree=[
    {
      "id": 1,
      "pid": 0,
      "status": 1,
      "name": "系统管理",
      "permissionValue": "open:system:get"
    },
    {
      "id": 2,
      "pid": 0,
      "status": 1,
      "name": "字典管理",
      "permissionValue": "open:dict:get"
    },
    {
      "id": 20,
      "pid": 1,
      "status": 1,
      "name": "新增系统",
      "permissionValue": "open:system:add"
    },
    {
      "id": 21,
      "pid": 1,
      "status": 1,
      "name": "编辑系统",
      "permissionValue": "open:system:edit"
    },
    {
      "id": 22,
      "pid": 1,
      "status": 1,
      "name": "删除系统",
      "permissionValue": "open:system:delete"
    },
    {
      "id": 33,
      "pid": 2,
      "status": 1,
      "name": "系统环境",
      "permissionValue": "open:env:get"
    },
    {
      "id": 333,
      "pid": 33,
      "status": 1,
      "name": "新增环境",
      "permissionValue": "open:env:add"
    },
    {
      "id": 3333,
      "pid": 33,
      "status": 1,
      "name": "编辑环境",
      "permissionValue": "open:env:edit"
    },
    {
      "id": 233332,
      "pid": 33,
      "status": 0,
      "name": "删除环境",
      "permissionValue": "open:env:delete"
    }
]
    $table.bootstrapTable({
	  data:tree,
      striped: true,
      treeView:true,
      sidePagination: 'client',
      idField: 'id',
      columns: [
        {field: 'ck', checkbox: true},
        {field: 'name', title: '任务名称' ,width:'20%', align: 'left'},
        {field: 'status', title: '任务状态',width:'18%', align: 'left', formatter: 'statusFormatter'},
        {field: 'Assigned',  title: '分配给',width:'10%', align: 'left'},
        {field: 'creator',  title: '创建者',width:'10%', align: 'left'},
        {field: 'creatorTime',  title: '创建时间',width:'10%', align: 'left'},
        {field: 'Auditor',  title: '审核者',width:'10%', align: 'left'},
        {field: 'AuditTime',  title: '审核时间',width:'10%', align: 'left'},
        {field: 'operation',  title: '操作',width:'10%', align: 'left', formatter: 'operationFormatter'},
        ],
        treeShowField: 'name',
        parentIdField: 'pid',
        onLoadSuccess: function(data) {}
    });
           $table.treegrid({
//         initialState: 'collapsed',
           treeColumn: 1,
//         expanderExpandedClass: 'glyphicon glyphicon-minus',
//         expanderCollapsedClass: 'glyphicon glyphicon-plus',
           onChange: function() {
            $table.bootstrapTable('resetWidth');
          }
        });
  });

  // 格式化状态
  function statusFormatter(value, row, index) {
    if (value == 1) {
      return '<div class="progress"><div class="progress-bar bg-success" style="width:40%">已标引40%</div></div></div>';
    } else {
      return '<span class="TC-state TC-right-foot-green01">已审核</span>';
//    return '<span class="TC-state  TC-right-foot-bule">待审核</span>'; //另一种情况
    }
  }

//操作
function operationFormatter(value, row, index){
	if (value !== '') {
      return '<a href="#" class="bgTaskTxt">任务内容</a>';
    } else {
      return '';
    }
}



	//树形
	var treeData = [
		{
			text:"经济综合",
			nodes: [
				{
					text:"计划",
					nodes: [
						{
							text:"经济管理"
						},
						{
							text:"宏观调控"
						}
					]
				}
			]
		},
		{
			text:"工业、邮电、能源"
		},
		{
			text:"旅游、城乡、环保"
		}
	];

	$('#tree').treeview({
		data: treeData,
		levels: 5,
		//backColor:'#272a39',
		showIcon:true,
		//color:'white',
		emptyIcon:'open_file',
		collapseIcon:'open_file',
		expandIcon:'open_file'
	});
    </script>
</html>